<!DOCTYPE html>
<html lang="en-US">

<head>
    <meta charset="utf-8" />
    <title>函数测试：任务一</title>
    <style>
        p {
            color: purple;
            margin: 0.5em 0;
        }

        * {
            box-sizing: border-box;
        }
    </style>
    <!-- <link rel="stylesheet" href="../styles.css" /> -->
</head>

<body>
    <p id="output"></p>
</body>
<script>
    //  将生成随机数的代码重构为一个名为 的单独函数，该函数将随机数应介于两者之间的两个泛型边界作为参数，并返回结果。random()
    // 更新函数，使其使用随机数函数，将要选择的数组作为参数（使其更灵活），并返回结果。chooseName()
    // 将返回的结果打印到段落 （） 的 .paratextContent
    const names = ['Chris', 'Li Kang', 'Anne', 'Francesca', 'Mustafa', 'Tina', 'Bert', 'Jada']
    const para = document.getElementById("output");
    function random(names) {
        const randomIndex = Math.floor(Math.random() * names.length);
        const randomName = names[randomIndex];
        return randomName;
    }


    function chooseName(para) {
        // const randomIndex = Math.floor(Math.random() * names.length);
        // const randomName = names[randomIndex];
        para.textContent = random();
    }

</script>

</html>